import Vue from "vue"
import VueRouter from "vue-router"
Vue.use(VueRouter)
export default new VueRouter({
    routes: [
        {
            name: "htmldoc",
            path: "/basichtml",
            components:{
                html:  () => import ("../components/BasicHTML.vue"),
            }
        },
        {
            name: "basiccss",
            path: "/basiccss",
            components:{
                css:  () => import ("../components/BasicCSS.vue"),
            }
        },
        {
            name: "basicjs",
            path: "/basicjs",
            components:{
                js:  () => import ("../components/BasicJS.vue"),
            }
        },
        
        {
            name: "basicui",
            path: "/basicui",
            components:{
                ui:  () => import ("../components/BasicUI.vue"),
            }
        },
        {
            name: "basicrequest",
            path: "/basicrequest",
            components:{
                req:  () => import ("../components/BasicRequest.vue"),
            }
        },
        {
            name: "basicframe",
            path: "/basicframe",
            components:{
                frame:  () => import ("../components/BasicFrame.vue"),
            }
        },
        {
            name: "basicstate",
            path: "/basicstate",
            components:{
                state:  () => import ("../components/BasicState.vue"),
            }
        },
        {
            name: "basicstorage",
            path: "/basicstorage",
            components:{
                storage:  () => import ("../components/BasicStorage.vue"),
            }
        },
        {
            name: "basicaimaton",
            path: "/basicaimaton",
            components:{
                anime:  () => import ("../components/BasicAnimation.vue"),
            }
        },
        {
            name: "basicwebpack",
            path: "/basicwebpack",
            components: {
                webpack: () => import ("../components/BasicWebpack.vue")
            }
        },
        {
            name: "includes",
            path: "/includes",
            components: {
                include: () => import ("../components/Include.vue")
            }
        },
        {
            name: "404",
            path: "/404",
            components: {
                four: () => import ("../components/404.vue")
            }
        }
    ]
})